.mhy-main-page {
  .mhy-header {
    background-color: #1f2233;
    color: #ccc;
    border-bottom: none;
    padding: 5px 16px;
    .mhy-game-sletctor {
      font-size: 18px;
      display: inline-flex;
    }
  }
}
.mhy-header{
  display: flex;
  font-size: 18px;
  position: relative;
  line-height: 34px;
  .title-text{
    flex: 1;
  }
  .header-right{
    text-align: right;
    position: relative;
    height: 44px;
    display: inline-flex;
    align-items: center;
    .header-avatar{
      width: 26px;
      height: 26px;
      border: 2px solid #fff;
      margin-left: 20px;
      box-shadow: 0 0.02rem 0.05rem 0 rgb(0 0 0 / 10%);
      img{
        height: 100%;
      }
    }
    .notify-icon{
      margin-left: 20px;
      vertical-align: top;
      font-size: 20px;
      font-weight: bold;
    }
  }
}
.mhy-game-sletctor{
  .mhy-game-menu{
    display: inline-flex;
    font-size: 18px;
    align-items: center;
    .mhy-icon{
      width: 20px;
      margin-right: 8px;
    }
  }
}
.mhy-account-avatar{
  border-radius: 100%;
}